<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <base target="main" />
    </head>
    <style>
        html *{margin: 0px;padding: 0px;}
        .title{text-align: center;background-color: #ccc;cursor: pointer;border-bottom: 1px solid #FFF;}
        .mbody{display: none;}
        ul{list-style: none;}
        li{list-style: none;}
    </style>
    <script type="text/javascript">
        $(document).ready(function(){
           $('.mbody').hide();
           $('.mbody:first').show();
           $('.title').click(function(){
               $('.mbody').hide();
               $(this).next('.mbody').show();
           });
        });
    </script>
    <body>
        <div>
            <div class="title">网站管理</div>
            <div class="mbody">
                <ul>
                    <li><a href="?ac=index">基础设置</a></li>
                </ul>
            </div>
        </div>

        <div>
            <div class="title">CMS管理</div>
            <div class="mbody">
                <ul>
                    <li><a href="?ac=cssfile">css模板管理</a></li>
                    <li><a href="?ac=cssbase">css样式管理</a></li>

                    <li><a href="?ac=page">页面配置</a></li>
                    <li><a href="?ac=zone">碎片管理</a></li>
                    <li><a href="?ac=pagezone">页面区域管理</a></li>
                    <li><a href="?ac=pagewidget">页面插件管理</a></li>
                </ul>
            </div>
        </div>


    </body>
</html>
